@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    background-color: white;
    overflow: hidden;
    header{
        overflow: hidden;
            .logo{
                float: left;
                width: p(123);
                height: p(123);
                margin-top: p(17);
                margin-left: p(23);
                overflow: hidden;
                img{
                    height: 100%;
                }
            }
            .search{
                width:  p(268);
                height: P(55);
                border: 1px solid #ff9344;
                border-radius: p(22);
                margin: 0 auto;
                margin-top: p(51);
                input[type="text"]{
                    width: p(171);
                    height: P(45);
                    vertical-align: middle;
                    border: none;
                    font-size: p(24);
                    margin-left: p(28);
                    margin-top: p(5);
                }
                input[type="image"]{
                    width: p(36);
                    height: P(34);
                    vertical-align: middle;
                    margin-left: p(15);
                }
            }
            .sel{
                float: right;
                margin-top: p(47);
                margin-right: p(21);
                width: p(163);
                height: p(60);
                border: p(3) solid #FF9344;
                position: relative;
                select{
                    background-color: transparent;
                    width: 100%;
                    height: 100%;
                    padding-left: p(14);
                    border: none;
//                  清除select框的默认样式
                     /*将默认的select选择框样式清除*/
                       appearance:none;
                       -moz-appearance:none;
                       -webkit-appearance:none;
                }
                /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
                select::-ms-expand { display: none; }
                &::after{
                    position: absolute;
                    top: p(22);
                    right: p(11);
                    content: "";
                    width: 0px;
                    height: 0px;
                    border-top: p(16) solid #FF9344;
                    border-left: p(16) solid transparent;
                    border-right: p(16) solid transparent;
                }
            }
        .header_img{
            width: 100%;
            margin-top: p(10);
            float: left;
            img{
                width: 100%;
            }
        }
    }
    section{
        margin-bottom: p(160);
        .youhui{
            width: 94.4%;
            margin-left: 2.8%;
            margin-bottom: p(16);
            .youhui_img{
                width: p(56);
                height: p(54);
                float: left;
                img{
                    width: 100%;
                }
            }
            .youhui_img2{
                width: p(25);
                height: p(26);
                float: right;
                margin-top: p(13);
                img{
                    width: 100%;
                }
            }
            span{
                font-size: p(30);
                float: left;
                margin-top: p(10);
                margin-left: p(10);
            }
            span:nth-of-type(2){
                font-size: p(24);
                float: right;
                margin-right: p(5);
            }
        }
        .youhuibody1{
            width: 50%;
            float: left;
            .youhuibody1_img{
                width: p(241);
                height: p(94);
                margin: 0 auto;
                margin-bottom: p(30);
                img{
                    width: 100%;
                }
            }
        }
        .xihuan{
                padding: 0 2.8%;
                overflow: hidden;
                margin-top: p(30);
            .xihuan_img{
                width: p(210);
                height: p(164);
                float: left;
                img{
                    width: 100%;
                }
            }
            .shousi{
                width: 64.3%;
                float: right;
                margin-top: p(24);
                span{
                    font-size: p(30);
                }
                span:nth-of-type(2){
                    font-size: p(22);
                    float: right;
                    margin-top: p(10);
                }
                span:nth-of-type(3){
                    font-size: p(32);
                    color: #ff9344;
                }
                span:nth-of-type(4){
                    font-size: p(22);
                    float: right;
                }
                p{
                    font-size: p(22);
                    margin: p(16) 0;
                }
            }
        }
    }

}
